<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--把jquery引入进来-->
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>

</head>
<body>
<div id="mydiv">第一个div</div>
</body>
</html>
<script type="text/javascript">
    //获取div标签对里的内容    javascript对象
    var divelement=document.getElementById('mydiv');
    console.log('div标签对里的内容为：'+divelement.innerHTML+'。');
    //把javascript对象转换成jquery对象
    var div$02=$(divelement);
    console.log('div标签对里的内容为：'+div$02.html());
    //通过jquery代码来实现    jquery对象
    var div$=$('mydiv');
    console.log('div标签对里的内容为：'+div$.html());
    //jquery对象是数组，该数组里的元素是javascript对象
    var divelement02=div$.get(0);
    console.log('div标签对里的内容为：'+divelement02.innerHTML+'。');
</script>